<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    
    <link href="/lib/font-awesome/css/font-awesome.min.css" rel="stylesheet">
    <link href="/lib/simple-line-icons/simple-line-icons.min.css" rel="stylesheet">
    <link href="/lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link href="/lib/bootstrap-fileinput/bootstrap-fileinput.css" rel="stylesheet">

    <link href="/lib/bootstrap-daterangepicker/daterangepicker.min.css" rel="stylesheet">
    <link href="/lib/bootstrap-datepicker/css/bootstrap-datepicker3.css" rel="stylesheet">
    <link href="/lib/bootstrap-timepicker/css/bootstrap-timepicker.min.css" rel="stylesheet">
    <link href="/lib/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css" rel="stylesheet">
    <link href="/lib/select2/css/select2.min.css" rel="stylesheet">
    <link href="/lib/select2/css/select2-bootstrap.min.css" rel="stylesheet">

    <link href="/lib/bootstrap-fileinput/bootstrap-fileinput.css" rel="stylesheet">
    <link href="/lib/metronic/plugins.min.css" rel="stylesheet">
    <link href="/lib/metronic/components.css"  rel="stylesheet" id="style_components" >
    <link href="/lib/metronic/layout.min.css"  rel="stylesheet" >
    <link href="/lib/alertify/alertify.core.css" rel="stylesheet" >
    
    <link href="/lib/pace/pace.css" rel="stylesheet" >
    <link href="/lib/loaders/loaders.min.css" rel="stylesheet" >
    
    <link href="/sys/css/common.css"  rel="stylesheet" >
    <link href="/sys/css/sell/rechargeTask.css"  rel="stylesheet" >
  </head>
  <body>
    <div class="page-bar">
      <ul class="page-breadcrumb">
        <li>
          <span>任务充值</span>
        </li>
      </ul>
    </div>
    <div class="container-fluid">
      <form action="#" class="form-horizontal" id="rechargeForm">
        
        <div class="portlet light bordered">                     
          <div class="portlet-body">
            注意事项
          </div>
          <div class="portlet-body">
            <li>1. 银行卡转账，免手续费，非实时，工作时间9:00~18:00约1小时内处理，18点之后不再处理审核）</li>
            <li>2. 为了方便财务确认转账来源，务必转账时带个零头，如500.02或1000.18，同时备注你的平台ID：ID155314</li>
            <li>3. 选用方式一充值务必先打款，后提交。</li>
           
          </div>
        </div>
        <div class="portlet light bordered">                     
          <div class="portlet-body">
              第一步：请先转账到平台官方账号
          </div>
          <div class="mt-radio-list" id="acountList">
            <label class="mt-radio">
                <input type="radio" name="toAccount" value="6214838625412046"> 招商银行杭州高新支行 6214 8359 0347 3617（金凤和）
                <span></span>
            </label>
          </div>
        </div>

        <div class="portlet light bordered">                     
          <div class="portlet-body">
              第二步：请确认提交转账金额
          </div>
          <div class="portlet-body ">
            <div class="form-group">
              <label class="control-label col-xs-2"> 转账金额
                <span class="required"> * </span>
              </label>
              <div class="col-xs-10 form-inline">
                <input type="text" class="form-control" id="transferMoney" name="money">
                <span class="form-info">元  (恶意提交、未打款后提交，将罚款100元/次，甚至封号.)</span>
              </div>
            </div>

            <div class="form-group">
              <label class="control-label col-xs-2"> 转账银行名称
                <span class="required"> * </span>
              </label>
              
              <div class="col-xs-10 form-inline">
                <select class="form-control " id="bankName" name="bank" >
                  <option ></option>
                </select>
              </div>
            </div>

            <div class="form-group">
              <label class="control-label col-xs-2"> 打款人姓名
                <span class="required"> * </span>
              </label>
              <div class="col-xs-10 form-inline">
                <input type="text" class="form-control" id="transferPerson" name="person">
                <span class="form-info">(输入正确转出账户持有人的全称)</span>
              </div>
            </div>

            <div class="form-group">
              <label class="control-label col-xs-2"> 汇款账户
                <span class="required"> * </span>
              </label>
              <div class="col-xs-10 form-inline">
                <input type="text" class="form-control"  id="fromAccount" name="fromAccount">
                <span class="form-info">(输入转出账号全称)</span>
              </div>
            </div>

            <div class="form-group">
              <label class="control-label col-xs-2 "> 备注 </label>
              <div class="col-xs-10 form-inline">
                <input type="text" class="form-control"  id="remark">
              </div>
            </div>

            <div class="form-group">
              <div class="control-label col-xs-2 "> 充值截图
                <span class="required"> * </span>
              </div>
              <div class="col-xs-10">
                <div class="fileinput fileinput-new fileinput-r" data-provides="fileinput">
                  <div class="fileinput-preview  thumbnail">
                    <div class="fileinput-wrap" style="max-width: 200px; max-height: 150px; line-height: 10px;"><img src="/img/noimg.png"></div>
                    <label class="fileinput-close"></label>
                  </div>
                  <div class="fileinput-ctrl">
                    <span>为提高审核速度，可选提交截图（截图要求：清晰看到打款时间和转账金额）</span>
                    <span>
                      <span class="btn red btn-xs btn-file">
                        <i class="fa fa-upload"></i>
                        <span>  选择图片</span>
                        <input type="file" accept=".png,.jpg,.jpeg,image/png,image/jpg,image/jpeg" id="upload">
                      </span>
                    </span>
                  </div>
                </div>
              </div>
                
              
            </div>

            <div class="form-group">
              <label class="control-label col-xs-2 "></label>
              <div class="col-xs-10 form-inline">
                <button type="button" class="btn blue" id="resetBtn"> 重置 </button>
                <button type="submit" class="btn red">提交已打款信息</button>
              </div>
            </div>
          </div>
        </div>
      </form>


      <div class="portlet light bordered">
        <div class="portlet-body">
          最近充值记录
        </div>
        <div class="portlet-body recharge-table">
          <div class="table-data"></div>
        </div>
      </div>
    </div>
  </div>
</div>

<script src="/sys/js/common.js"></script>

<script src="/lib/jquery/jquery.min.js"></script>
<script src="/lib/jquery/jquery.cookie.js"></script>
<script src="/lib/jquery-mask/jquery.mask.min.js"></script>
<script src="/lib/jquery-validation/js/jquery.validate.min.js"></script>
<script src="http://static.runoob.com/assets/jquery-validation-1.14.0/dist/localization/messages_zh.js"></script>
<script src="/lib/jquery-validation/js/additional-methods.min.js"></script>
<script src="/lib/jsrender/jsrender.js"></script>
<script src="/lib/bootstrap/js/bootstrap.min.js"></script>
<script src="/lib/bootstrap-fileinput/bootstrap-fileinput.js" type="text/javascript"></script>
<script src="/lib/metronic/moment.min.js"></script>
<script src="/lib/bootstrap-daterangepicker/daterangepicker.min.js"></script>
<script src="/lib/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
<script src="/lib/bootstrap-timepicker/js/bootstrap-timepicker.min.js"></script>
<script src="/lib/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js"></script>
<script src="/lib/select2/js/select2.full.min.js"></script>
<script src="/lib/metronic/app.min.js"></script>
<!-- <script src="/lib/metronic/form-validation.min.js"></script> -->
<script src="/lib/metronic/components-select2.min.js"></script>
<script src="/lib/metronic/components-date-time-pickers.min.js"></script>
<script src="/lib/alertify/alertify.min.js"></script>
<script src="/lib/bootbox/bootbox.min.js"></script>
<script src="/lib/pace/pace.min.js"></script>
<script src="/lib/twbs-pagination/jquery.twbsPagination.min.js"></script>



<script src="/sys/js/validation.js"></script>
<script src="/sys/js/sell/rechargeTask.js"></script>
</body>
</html>
